<%--
  Created by IntelliJ IDEA.
  User: 12777
  Date: 2021/11/1
  Time: 11:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>添加VIP</title>
    <style>
        body {
            color: #E5DFD5;
        !important;
            background-color: rgba(255, 255, 255, 0) !important;
        }

        .main {
            background-color: rgba(47, 47, 47, 0.3) !important;
            display: flex;
            width: 42%;
            justify-content: center;
            align-items: center;
            border-radius: 10px 10px;
            border: 3px solid #d2c0a9;
        }

        .all {
            margin-top: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        input[type="text"], input[type="tel"] {
            margin-top: 10px;
            margin-bottom: 10px;
            width: 100%;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.8);
            border: 1px;
            border-radius: 40px 40px;
            font-size: 15px;
            color: rgba(47, 47, 47, 0.8);
            padding-left: 10px;
        }

        input[type="text"]:focus, input[type="tel"]:focus {
            outline: none;
        }

        input[type="text"]::placeholder, input[type="tel"]::placeholder {
            padding-left: 10px;
        }

        h1 {
            text-align: center;
        }

        input[type="submit"] {
            background-color: rgba(47, 47, 47, 0.5);
            color: #E5DFD5;
            border: 0px;
            height: 40px;
            width: 140px;
            border-radius: 5px 5px;
            margin-right: 5px;
            margin-left: 5px;
            margin-bottom: 25px;
        }

        input[type="submit"]:hover {
            color: whitesmoke;
            background-color: rgba(47, 47, 47, 0.3);
        }

        form {
            width: 60%;
        }

        .button {
            margin-top: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="all">
    <div class="main">
        <form action="${pageContext.request.contextPath}/vipAdd" method="post">
            <%--          <input type="text" value="vipId">--%>
            <h1>添加用户</h1>
                <div style="height: 20px ; text-align: center" > ${msg}</div>
            <lable>用户名：</lable>
            <input type="text" name="vipName" placeholder="请输入VIP用户名">
            <lable>性别：</lable>
            <input type="text" name="vipGender" placeholder="VIP用户性别">
            <lable>身份证号：</lable>
            <input type="text" name="vipIdNumber" placeholder="身份证号">
            <lable>手机号：</lable>
            <input type="text" name="vipPhoneNumber" placeholder="手机号">
            <%--          <input type="text" value="vipCreateTime">--%>
            <div class="button">
                <input type="submit" value="提交">
            </div>
        </form>
    </div>
</div>
</body>
</html>
